<template>
  <div id="app">
    <keep-alive>
      <router-view :key="key"></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
    name: 'App',
    computed: {
        key () {
            var unix = this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
            return unix
        }
    }
}
</script>

<style>
html,
body,
#app {
	font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial,
		sans-serif;
	position: relative;
	min-width: 768px;
	height: 100%;
	color: #2c3e50;
	overflow-y: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  overflow-y: auto;
  overflow-x: hidden
}
* {
	box-sizing: border-box;
}
</style>
